<div class="container">
    <header>
        <span class="header">首页</span>
        <!-- <span>/</span>基本资料<span>/</span>基本资料 -->
    </header>
    <LayoutDemo>
        <div class="content">
            <div class="top">今/昨日订单</div>
            <ul class="box">
                <li class="box-item">
                    <a href="">
                        <h3>今日收款订单</h3>
                        <p>
                            <cite>{{ data.today.payCount }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>今日收款总额</h3>
                        <p>
                            <cite>{{ data.today.payAmount }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>昨日收款总额</h3>
                        <p>
                            <cite>{{ data.yestoday.payCount }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>昨日收款订单</h3>
                        <p>
                            <cite>{{ data.yestoday.payAmount }}</cite>元
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </LayoutDemo>
    <LayoutDemo>
        <div class="content">
            <div class="top">平台</div>
            <ul class="box">
                <li class="box-item">
                    <a href="">
                        <h3>商户数量</h3>
                        <p>
                            <cite>{{ data.mchNumber }}</cite>个
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>历史总成功收款订单数</h3>
                        <p>
                            <cite>{{ data.zon.payCount }}</cite>个
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>历史收款总额</h3>
                        <p>
                            <cite>{{ data.zon.payAmount }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>今日利润</h3>
                        <p>
                            <cite>{{ data.todaymony }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>昨日利润</h3>
                        <p>
                            <cite>{{ data.yestodaymony }}</cite>元
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </LayoutDemo>
    <LayoutDemo>
        <div class="content">
            <div class="top">商家</div>
            <ul class="box">
                <li class="box-item">
                    <a href="">
                        <h3>账户余额</h3>
                        <p>
                            <cite>{{ data.mapAccount.accountbalance }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>冻结余额</h3>
                        <p>
                            <cite>{{ data.mapAccount.frozenbalance }}</cite>元
                        </p>
                    </a>
                </li>
                <!-- <li class="box-item">
                    <a href="">
                        <h3>创建时间</h3>
                        <p>
                            <cite>{{ data.mapAccount.created_at }}</cite>元
                        </p>
                    </a>
                </li> -->
                <!-- <li class="box-item">
                    <a href="">
                        <h3>修改时间</h3>
                        <p>
                            <cite>{{ data.mapAccount.updated_at }}</cite>元
                        </p>
                    </a>
                </li> -->
                <li class="box-item">
                    <a href="">
                        <h3>可结算余额'</h3>
                        <p>
                            <cite>{{ data.mapAccount.settleable }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>冻结余额</h3>
                        <p>
                            <cite>{{ data.mapAccount.frozen }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>保证金</h3>
                        <p>
                            <cite>{{ data.mapAccount.bond }}</cite>元
                        </p>
                    </a>
                </li>
                <li class="box-item">
                    <a href="">
                        <h3>不可用余额</h3>
                        <p>
                            <cite>{{ data.mapAccount.nomony }}</cite>元
                        </p>
                    </a>
                </li>
            </ul>
        </div>
    </LayoutDemo>
</div>